@-webkit-keyframes bounceIn{
0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
33%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
66%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}
@keyframes bounceIn{
0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
33%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
66%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}
@-webkit-keyframes bounceOut{
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}}
@keyframes bounceOut{
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}}
@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
    }
}
@keyframes rotating {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform:  rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        -ms-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
    }
}

.loading {
    -webkit-animation: rotating 0.8s steps(12) infinite;
    -ms-animation: rotating 0.8s steps(12) infinite;
    animation: rotating 0.8s steps(12) infinite;
}
.modal-loading-wrap{
    padding: 15px;
    border-radius: 8px;
    background-color: rgba(0,0,0,0.5);
}
.modal-loading-box{
    width: 37px;
    height: 37px;
    position: relative;
}
.modal-loading-block{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}
.modal-loading-box .modal-loading-line{
    width: 3px;
    height: 9px;
    background-color: #CCCCCC;
    position: absolute;
    border-radius: 6px;
    box-sizing: border-box;
    left: 0;
    right: 0;
    margin: auto;
}
.modal-loading-box .modal-loading-line:nth-child(1){
    top: 1px;
}
.modal-loading-box .modal-loading-line:nth-child(2){
    bottom: 1px;
}
.modal-loading-block:nth-child(2){
    -webkit-transform: rotate3d(0,0,1,30deg);
    -ms-transform: rotate3d(0,0,1,30deg);
    transform: rotate3d(0,0,1,30deg);
}
.modal-loading-block:nth-child(3){
    -webkit-transform: rotate3d(0,0,1,60deg);
    -ms-transform: rotate3d(0,0,1,60deg);
    transform: rotate3d(0,0,1,60deg);
}
.modal-loading-block:nth-child(4){
    -webkit-transform: rotate3d(0,0,1,90deg);
    -ms-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
}
.modal-loading-block:nth-child(5){
    -webkit-transform: rotate3d(0,0,1,120deg);
    -ms-transform: rotate3d(0,0,1,120deg);
    transform: rotate3d(0,0,1,120deg);
}
.modal-loading-block:nth-child(6){
    -webkit-transform: rotate3d(0,0,1,150deg);
    -ms-transform: rotate3d(0,0,1,150deg);
    transform: rotate3d(0,0,1,150deg);
}
.modal-loading-block:nth-child(1) .modal-loading-line:first-child{
    opacity: 1;
}
.modal-loading-block:nth-child(2) .modal-loading-line:first-child{
    opacity: 0.9;
}
.modal-loading-block:nth-child(3) .modal-loading-line:first-child{
    opacity: 0.8;
}
.modal-loading-block:nth-child(4) .modal-loading-line:first-child{
    opacity: 0.7;
}
.modal-loading-block:nth-child(5) .modal-loading-line:first-child{
    opacity: 0.6;
}
.modal-loading-block:nth-child(6) .modal-loading-line:first-child{
    opacity: 0.5;
}
.modal-loading-block:nth-child(1) .modal-loading-line:last-child{
    opacity: 0.4;
}
.modal-loading-block:nth-child(2) .modal-loading-line:last-child{
    opacity: 0.3;
}
.modal-loading-block:nth-child(3) .modal-loading-line:last-child{
    opacity: 0.2;
}
.modal-loading-block:nth-child(4) .modal-loading-line:last-child{
    opacity: 0.1;
}
.modal-loading-block:nth-child(5) .modal-loading-line:last-child{
    opacity: 0.1;
}
.modal-loading-block:nth-child(6) .modal-loading-line:last-child{
    opacity: 0.1;
}